import React from "react";
import { Popup } from "antd-mobile";
// import "./style.scss";

const BuyProtocol = ({ visible, onClose }: any) => {
  return (
    <Popup
      visible={visible}
      destroyOnClose={true}
      onMaskClick={() => {
        onClose();
      }}
    >
      <div
        className="protocol_container"
        style={{ height: "55vh", overflowY: "scroll", padding: "20px" }}
      >
        <h2 className="title">
          <span>STARSHIPS</span>官方粉丝俱乐部会员购买守则
        </h2>
        <div>一、前言</div>
        <div>
          欢迎加入官方粉丝俱乐部，并成为年费会员！在您成为我们的年费会员之前，请仔细阅读以下守则。本守则旨在明确会员的权利与义务，确保会员服务的顺利进行。
        </div>
        <div>二、会员资格</div>
        <ul>
          <li>任何年满18周岁的自然人可申请成为我们的年费会员。</li>
          <li>申请成为年费会员时，您必须提供真实、准确、完整的个人信息。</li>
        </ul>
        <div>三、会员费用</div>
        <ul>
          <li>
            年费会员的费用为一次性支付，具体金额请参考我们的网站提供的最新信息。我们将保留随时调整价格的权利。
          </li>
          <li>
            支付方式包括但不限于信用卡、借记卡、第三方支付平台等，具体支付方式以官方网站展示为准。
          </li>
        </ul>

        <div>四、会员权利</div>
        <ul>
          <li>年费会员享有入会特典、积分累计以及其他会员专属活动等特权。</li>
          <li>
            我们将不定期提供会员专享的促销活动和优惠，年费会员有权参与会员专享的促销活动和优惠。
          </li>
        </ul>
        <div>五、会员义务</div>
        <ul>
          <li>年费会员应遵守本守则及我们的服务条款。</li>
          <li>年费会员应妥善保管自己的账户信息，不得将账户信息泄露给他人。</li>
          <li>年费会员不得利用会员资格进行违法活动或损害我们的声誉。</li>
        </ul>
        <div>六、会员期限</div>
        <ul>
          <li>年费会员的有效期为自购买之日起一年。</li>
          <li>
            会员期限届满后，会员如需继续享受会员服务，需在到期前30天内完成续费，如果到期后未进行续费，后续则视为新办会员。
          </li>
        </ul>
        <div>七、退款政策</div>
        <ul>
          <li>根据相关法律法规，我们提供合理的退款政策。</li>
          <li>具体退款流程和条件，请参考我们的官方网站或咨询客服。</li>
        </ul>

        <div>八、隐私保护</div>
        <ul>
          <li>
            我们承诺保护会员的个人信息安全，不会将会员信息用于除提供服务外的其他用途。
          </li>
          <li>我们可能会根据需要向会员发送服务相关的通知和信息。</li>
        </ul>
        <div>九、守则的修改</div>
        <ul>
          <li>我们保留对本守则进行修改的权利。</li>
          <li>任何守则的修改将在官方网站上公布，并自公布之日起生效。</li>
        </ul>
        <div>十、法律适用与争议解决</div>
        <ul>
          <li>本守则的解释、适用及争议解决均适用中华人民共和国法律。</li>
          <li>
            如遇任何争议，双方应首先通过友好协商解决；协商不成时，可向我们所在地的人民法院提起诉讼。
          </li>
        </ul>

        <div>十一、其他</div>
        <ul>
          <li>本守则自发布之日起生效。</li>
          <li>本守则的最终解释权归我们所有。</li>
        </ul>
      </div>
    </Popup>
  );
};
export default BuyProtocol;
